<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>

<script lang='ts'>
import { defineComponent, ref } from 'vue'
import { hero } from '../assets/api/party3'

export default defineComponent({
  name: 'about',
  setup() {
    let heroData = ref([])
    hero()
      .then((res) => {
        heroData.value = res
        console.log('heroData => ', heroData)
      })
      .catch((err) => {
        console.error(err)
      })
      .finally(() => {
        console.log('finally')
      })
    return { heroData }
  },
})
</script>
